@import './mixin.scss';
body {
  margin: 0;
  background:rgba(240,241,245,1);
}
a {
  text-decoration: none;
}
ul, li, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.container {
  width: 1200px;
  margin: 0 auto;
}
.pointer {
  cursor: pointer;
}
.el-main {
  padding: 0 20px !important;
}
.el-tabs__nav-wrap::after {
  background: none !important;
}
.el-input .el-input__count .el-input__count-inner {
  background: none !important;
}
.color-blue{
  color: #1890FF;
}
@for $i from 0 through 20 {
  .mt-#{$i} {
    margin-top: $i + px;
  }
}
@for $i from 0 through 20 {
  .mb-#{$i} {
    margin-bottom: $i + px;
  }
}
@for $i from 0 through 20 {
  .ml-#{$i} {
    margin-left: $i + px;
  }
}
@for $i from 0 through 20 {
  .mr-#{$i} {
    margin-right: $i + px;
  }
}
@for $i from 8 through 20 {
  .width-#{$i} {
    width: 10px * $i;
  }
}

@for $i from 1 to 4{
  .custom-#{nth($colorValue, $i)}{
    color: nth($color, $i)
  }
}
@for $i from 16 through 60 {
  .lh-#{$i} {
    line-height: $i + px;
  }
}
@for $i from 10 through 20 {
  .fs-#{$i} {
   font-size: $i + px;
  }
}
.float-right{
  float: right;
}
.float-left{
  float: left;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
